<template>
	<view class="letter-list">
		<text class="letter-item" v-for="(item,index) in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ#'" :key="index">{{item}}</text>
	</view>
</template>

<script>
	export default {
		data() {
          return {}
		},
		methods: {

		}
	}
</script>


<style lang="less">
	.letter-list {
		position: fixed;
		display: flex;
		flex-wrap: wrap;
		word-break: break-all;
		right: 28rpx;
		bottom: 28rpx;
		width: 24rpx;
		font-size: 22rpx;
		font-weight: 500;
		color: #666;
		line-height: 30rpx;

		.letter-item {
			width: 24rpx;
			text-align: center;
		}
	}
</style>
